<template lang="html">
  <div class="" id="">
    <h2 v-title="'我的推荐'"></h2>
    <!-- <none-list :noneCollect="'当前还没有收藏房源'" v-if="noneCollect"></none-list> -->
    <!--滑动区域-->
		<div id="mescroll" class="mescroll">
			<!--展示上拉加载的数据列表-->
      <ul class="introduceList" id="dataList">
        <li v-for="item in pdlist" :key="item.key">
          <img :src="item.icon" alt="" class="userImg">
          <div class="">
            <span>{{item.title}}</span>
            <p>入住房间：{{item.cityName}} {{item.districtName}} {{item.address}}</p>
            <img src="@/assets/images/award@2x.png" alt="" width="30">
            <em>奖励：{{(item.rewardFee/100).toFixed(2)}}元</em>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script src="./introduceList.js"></script>

<style lang="scss" scoped src="./introduceList.scss"></style>
